<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../css/reset.css" />
		<link rel="stylesheet" href="../css/common.css" />
		<link rel="stylesheet" href="../css/style_index.css" />
		<script type="text/javascript" src="../js/jquery.js"></script>
		<script type="text/javascript" src="../js/base.js"></script>
	</head>
	<body>
			<!--头部-->
		<div class="container">				
				<div class="h_header" >
					<div class="h_logo">
						<img src="../images/logo.png" alt="logo" class="logo_img" />
					</div>
					<div class="h_nav">
						<ul>
							<li>
								<a href="index.html">首页</a>
							</li>
							<li>
								<a href="javascript:void(0);">志愿活动</a>
							</li>
							<li>
								<a href="javascript:void(0);">志愿组织</a>
							</li>
							<li>
								<a href="javascript:void(0);">亲子体验</a>
							</li>
							<li>
								<a href="javascript:void(0);">时长公示</a>
							</li>
							<li>
								<a href="javascript:void(0);">帮助中心</a>
							</li>
						</ul>
					</div>
					<div class="h_login_reg">
						<a class="h_login" href="javascript:void(0)">登录</a>
						<a class="h_reg" href="javascript:void(0)">注册</a>
					</div>
				</div>
			</div>
		<!--头部结束-->
		<!--中间内容-->
		<div class="list_container_box">
			<div class="list_condition">
				<ul class="list_condition_detail">
					<li><a class="list_active" href="#">全部</a></li>
					<li><a href="#">青少年服务</a></li>
					<li><a href="#">敬老助残</a></li>
					<li><a href="#">扶贫帮助</a></li>
					<li><a href="#">文明礼仪</a></li>
					<li><a href="#">平安守护</a></li>
					<li><a href="#">环境保护</a></li>
					<li><a href="#">文化体育</a></li>
					<li><a href="#">便民服务</a></li>
					<li><a href="#">其他</a></li>
				</ul>
			</div>
			<div class="list_container">
				<!--搜索列表-->
				<div class="list_search">
					<ul class="list_search_class">
						<li class="">
							<a href="#">综合排序</a>
						</li>
						<li class="list_search_col">
							<a href="#">不限状态</a>
						</li>
						<li class="list_search_col">
							<a href="#">不限时间</a>
						</li>
						<li class="list_search_col">
							<a href="#">不限地域</a>
						</li>
						<li class="list_search_col">
							<a href="#">不限排序</a>
						</li>
					</ul>
					<div class="search_box">
						<input type="text" placeholder="搜索" />
						<button type="button" class="list_search_botton" value="搜索">搜索</button>
					</div>					
				</div>
				<!--搜索列表结束-->
				<!--列表详细-->
				<ul class="list_detail">
					<li class="list_detail_li">
						<a class="list_img">
							<img src="../images/tuijian01.png"/>
						</a>
						<dl class="list_detail_content">
								<dt><a class="list_detail_title clip" href="#">顺德区百场文化公益培训进基层--古楼幼儿园新媒体讲座 </a></dt>
								<dd class="list_address clip">地址：大良古楼幼儿园</dd>
								<dd class="list_area clip">所属区域：广东省文化志愿者顺德区分队大良镇服务队</dd>
								<dd>
									<div class="list_detail_progress">
										<span>报名截止:</span>
										<p ><img src="../images/progress.png"></p>
										<span>剩<em>300</em>天</span>
									</div>
								</dd>
						</dl>
						<a class="list_handle">我要报名</a>
						<ul class="list_operation">
							<li class="list_operation_li">
								<i class="list_operation_01"></i>
								<em>感兴趣</em>
								<strong>2</strong>
							</li>
							<li class="list_operation_li">
								<i class="list_operation_02"></i>
								<em>招募人数</em>
								<strong>20</strong>
							</li>
							<li class="list_operation_li">
								<i class="list_operation_03"></i>
								<em>关注</em>
								<strong>200</strong>
							</li>
						</ul>
					</li>
					<li class="list_detail_li">
						<a class="list_img">
							<img src="../images/tuijian01.png"/>
						</a>
						<dl class="list_detail_content">
								<dt><a class="list_detail_title clip" href="#">【材料科学与工程学院】华工附小志愿者活动</a></dt>
								<dd class="list_address clip">地址：南澳大桥</dd>
								<dd class="list_area clip">所属区域：南澳县青年志愿者协会</dd>
								<dd>
									<div class="list_detail_progress">
										<span>报名截止:</span>
										<p><img src="../images/progress.png"></p>
										<span>剩<em>300</em>天</span>
									</div>
								</dd>
						</dl>
						<a class="list_handle">我要报名</a>
						<ul class="list_operation">
							<li class="list_operation_li">
								<i class="list_operation_01"></i>
								<em>感兴趣</em>
								<strong>2</strong>
							</li>
							<li class="list_operation_li">
								<i class="list_operation_02"></i>
								<em>招募人数</em>
								<strong>20</strong>
							</li>
							<li class="list_operation_li">
								<i class="list_operation_03"></i>
								<em>关注</em>
								<strong>200</strong>
							</li>
						</ul>
					</li>
					<li class="list_detail_li">
						<a class="list_img">
							<img src="../images/tuijian01.png"/>
						</a>
						<dl class="list_detail_content">
								<dt><a class="list_detail_title clip" href="#">土华流浪动物救助站志愿活动</a></dt>
								<dd class="list_address clip">地址：土华流浪动物救助站</dd>
								<dd class="list_area clip">所属区域：暨南大学青年志愿者协会</dd>
								<dd>
									<div class="list_detail_progress">
										<span>报名截止:</span>
										<p><img src="../images/progress.png"></p>
										<span>剩<em>20</em>天</span>
									</div>
								</dd>
						</dl>
						<a class="list_handle">我要报名</a>
						<ul class="list_operation">
							<li class="list_operation_li">
								<i class="list_operation_01"></i>
								<em>感兴趣</em>
								<strong>2</strong>
							</li>
							<li class="list_operation_li">
								<i class="list_operation_02"></i>
								<em>招募人数</em>
								<strong>20</strong>
							</li>
							<li class="list_operation_li">
								<i class="list_operation_03"></i>
								<em>关注</em>
								<strong>200</strong>
							</li>
						</ul>
					</li>
					<li class="list_detail_li">
						<a class="list_img">
							<img src="../images/tuijian01.png"/>
						</a>
						<dl class="list_detail_content">
								<dt><a class="list_detail_title clip" href="#">2016年广东金融学院青年志愿者行动指导中心增补海选 </a></dt>
								<dd class="list_address clip">地址：广东金融学院</dd>
								<dd class="list_area clip">所属区域：广东金融学院</dd>
								<dd>
									<div class="list_detail_progress">
										<span>报名截止:</span>
										<p><img src="../images/progress.png"></p>
										<span>剩<em>10</em>天</span>
									</div>
								</dd>
						</dl>
						<a class="list_handle">我要报名</a>
						<ul class="list_operation">
							<li class="list_operation_li">
								<i class="list_operation_01"></i>
								<em>感兴趣</em>
								<strong>2</strong>
							</li>
							<li class="list_operation_li">
								<i class="list_operation_02"></i>
								<em>招募人数</em>
								<strong>20</strong>
							</li>
							<li class="list_operation_li">
								<i class="list_operation_03"></i>
								<em>关注</em>
								<strong>200</strong>
							</li>
						</ul>
					</li>
					<li class="list_detail_li">
						<a class="list_img">
							<img src="../images/defaultPic_11.jpg"/>
						</a>
						<dl class="list_detail_content">
								<dt><a class="list_detail_title clip" href="#">斗门区青年志愿者协会培训部九月份会议</a></dt>
								<dd class="list_address clip">地址：协会新办公室</dd>
								<dd class="list_area clip">所属区域：斗门区青年志愿者协会培训部</dd>
								<dd>
									<div class="list_detail_progress">
										<span>报名截止:</span>
										<p><img src="../images/progress.png"></p>
										<span>剩<em>132</em>天</span>
									</div>
								</dd>
						</dl>
						<a class="list_handle">我要报名</a>
						<ul class="list_operation">
							<li class="list_operation_li">
								<i class="list_operation_01"></i>
								<em>感兴趣</em>
								<strong>2</strong>
							</li>
							<li class="list_operation_li">
								<i class="list_operation_02"></i>
								<em>招募人数</em>
								<strong>20</strong>
							</li>
							<li class="list_operation_li">
								<i class="list_operation_03"></i>
								<em>关注</em>
								<strong>200</strong>
							</li>
						</ul>
					</li>
					<li class="list_detail_li">
						<a class="list_img">
							<img src="../images/defaultPic_11.jpg"/>
						</a>
						<dl class="list_detail_content">
								<dt><a class="list_detail_title clip" href="#">xiqiaoshan</a></dt>
								<dd class="list_address clip">地址：请输入详细地址</dd>
								<dd class="list_area clip">所属区域：广东外语外贸大学</dd>
								<dd>
									<div class="list_detail_progress">
										<span>报名截止:</span>
										<p ><img src="../images/progress.png"></p>
										<span>剩<em>300</em>天</span>
									</div>
								</dd>
						</dl>
						<a class="list_handle">我要报名</a>
						<ul class="list_operation">
							<li class="list_operation_li">
								<i class="list_operation_01"></i>
								<em>感兴趣</em>
								<strong>2</strong>
							</li>
							<li class="list_operation_li">
								<i class="list_operation_02"></i>
								<em>招募人数</em>
								<strong>20</strong>
							</li>
							<li class="list_operation_li">
								<i class="list_operation_03"></i>
								<em>关注</em>
								<strong>200</strong>
							</li>
						</ul>
					</li>
					<li class="list_detail_li">
						<a class="list_img">
							<img src="../images/defaultPic_11.jpg"/>
						</a>
						<dl class="list_detail_content">
								<dt><a class="list_detail_title clip" href="#">2016年大良百场文化志愿服务配送项目-李介甫小学举办教师朗诵培训</a></dt>
								<dd class="list_address clip">地址：大良街道李介甫小学</dd>
								<dd class="list_area clip">所属区域：广东省文化志愿者顺德区分队大良镇服务队</dd>
								<dd>
									<div class="list_detail_progress">
										<span>报名截止:</span>
										<p><img src="../images/progress.png"></p>
										<span>剩<em>300</em>天</span>
									</div>
								</dd>
						</dl>
						<a class="list_handle">我要报名</a>
						<ul class="list_operation">
							<li class="list_operation_li">
								<i class="list_operation_01"></i>
								<em>感兴趣</em>
								<strong>2</strong>
							</li>
							<li class="list_operation_li">
								<i class="list_operation_02"></i>
								<em>招募人数</em>
								<strong>20</strong>
							</li>
							<li class="list_operation_li">
								<i class="list_operation_03"></i>
								<em>关注</em>
								<strong>200</strong>
							</li>
						</ul>
					</li>
					<li class="list_detail_li">
						<a class="list_img">
							<img src="../images/defaultPic_11.jpg"/>
						</a>
						<dl class="list_detail_content">
								<dt><a class="list_detail_title clip" href="#">西樵山</a></dt>
								<dd class="list_address clip">地址：南澳大桥</dd>
								<dd class="list_area clip">所属区域：南澳县青年志愿者协会</dd>
								<dd>
									<div class="list_detail_progress">
										<span>报名截止:</span>
										<p ><img src="../images/progress.png"></p>
										<span>剩<em>300</em>天</span>
									</div>
								</dd>
						</dl>
						<a class="list_handle">我要报名</a>
						<ul class="list_operation">
							<li class="list_operation_li">
								<i class="list_operation_01"></i>
								<em>感兴趣</em>
								<strong>2</strong>
							</li>
							<li class="list_operation_li">
								<i class="list_operation_02"></i>
								<em>招募人数</em>
								<strong>20</strong>
							</li>
							<li class="list_operation_li">
								<i class="list_operation_03"></i>
								<em>关注</em>
								<strong>200</strong>
							</li>
						</ul>
					</li>
					<li class="list_detail_li">
						<a class="list_img">
							<img src="../images/huoyzyz01.jpg"/>
						</a>
						<dl class="list_detail_content">
								<dt><a class="list_detail_title clip" href="#">【“致青春·益起来”扬爱志愿者集体生日会】</a></dt>
								<dd class="list_address clip">地址：南澳大桥</dd>
								<dd class="list_area clip">所属区域：南澳县青年志愿者协会</dd>
								<dd>
									<div class="list_detail_progress">
										<span>报名截止:</span>
										<p ><img src="../images/progress.png</p>
										<span>剩<em>100</em>天</span>
									</div>
								</dd>
						</dl>
						<a class="list_handle">我要报名</a>
						<ul class="list_operation">
							<li class="list_operation_li">
								<i class="list_operation_01"></i>
								<em>感兴趣</em>
								<strong>2</strong>
							</li>
							<li class="list_operation_li">
								<i class="list_operation_02"></i>
								<em>招募人数</em>
								<strong>20</strong>
							</li>
							<li class="list_operation_li">
								<i class="list_operation_03"></i>
								<em>关注</em>
								<strong>200</strong>
							</li>
						</ul>
					</li>
				</ul>
				
				<!--列表详细结束-->
				<!--列表分页-->
				<!--<div class="list_paging">
					<ul class="list_paging_ul">
						<li class="list_paging_first">首页</li>
						<li class="list_paging_pre">上一页</li>
						<li class="list_paging_num">1</li>
						<li class="list_paging_pre">下一页</li>
						<li class="list_paging_first">尾页</li>
					</ul>
					<p>共<strong>1626</strong>条信息分<strong>109</strong>页 每页显示<strong>14</strong>条 当前显示第<strong>1</strong>页</p>
				</div>-->
				<!--列表分页结束-->
			</div>
		</div>
		<!--中间内容结束-->	
		<!--底部-->
		<div class="footer">
				<div class="footer_con">
					<p class="copyright"> Copyright &copy;2010-2017 上海民政 沪ICP备1206628号</p>
					<ul class="enjon_icon">
						<li><a href="#" class="icon_01"></a></li>
						<li><a href="#" class="icon_02"></a></li>
						<li><a href="#" class="icon_03"></a></li>
					</ul>
				</div>
			</div>
		<!--底部-->
	</body>
	
</html>

